<template>
    <div :id="mapId" class="mars3d-container"></div>
</template>
<script setup lang="ts">
import { ref } from "vue";
// import * as mars3d from "mars3d";
// import * as Cesium from "mars3d-cesium";
import maps from "@/utils/initMap";

// import { setKmlData } from "@/utils/mapdata";
const localTime: number = new Date().getTime();
const mapId: string = `mars3dContainer${localTime}`;
// import "http://mars3d.cn/lib/geojson/kml-geojson.js";
// import "http://mars3d.cn/example/layer-graphic/geojson/kml2json/Kml2JsonLayer.js";
//
/**
 * 创建地图实例
 * @param mapId 实例唯一ID，
 */
// const map = new initMap();
setTimeout(() => {
    maps.init(mapId, (map: any) => {
        maps.setTif(map);
    });
}, 300);
</script>
<style scoped lang="scss">
.mars3d-container {
    height: 100vh;
    width: 100vw;
}
</style>
